<!-- saved from url=(0014)about:internet -->
<html>

<head>

<title>Jonathan's Homepage</title>

<meta http-equiv="Content-Type" content="text/html;iso-8859-1">
<meta name="description" content="Jonathan's website homepage">
<link rel="stylesheet" href="jstyle.css" type="text/css" media="screen" />
		<script src="lib/mootools.js" type="text/javascript"></script>
		<script src="menu.js" type="text/javascript"></script>


</head>
<!--<img name="Background_img" src="images/Background.png" width="1024" height="768" border="0" alt="">
-->
<body bgcolor="#6E82B5">
<center>
<div id="Background"
	style="position: relative; left: 0px; top: 0px; z-index: 1; visibility: visible; display: block; width: 1024px;">
<div id="Name"
	style="position: absolute; left: 27px; top: 15px; width: 214px; height: 17px; z-index: 2; visibility: visible;"><img
	name="Name_img" src="images/Name.png" width="214" height="17"
	border="0" alt=""></div>
<div id="ContentBackground"
	style="position: absolute; left: 16px; top: 41px; width: 975px; height: 715px; z-index: 3; visibility: visible;"><img
	name="Content_Background" src="images/Content_Background.png"
	width="975" height="715" border="0" alt=""></div>
<div id="NavBackground"
	style="position: absolute; left: 12px; top: 41px; width: 332px; height: 715px; z-index: 4; visibility: visible;"><img
	name="NavBackground_img" src="images/NavBackground.png" width="332"
	height="715" border="0" alt=""></div>
<div id="NavPicture"
	style="position: absolute; left: 30px; top: 453px; width: 189px; height: 271px; z-index: 5; visibility: visible;"><img
	name="NavPicture_img" src="images/NavPicture.png" width="189"
	height="271" border="0" alt=""></div>
<div id="NavBar"
	style="position: absolute; left: 40px; top: 119px; width: 173px; height: 258px; z-index: 6; visibility: visible;">
<ul id="idList">
	<li>option 1</li>
	<li>option 2</li>
	<li>option 3</li>
	<li>option 4</li>
	<li>option 5</li>
</ul>
</div>
<div id="tab1"
	style="position: absolute; left: 257px; top: 81px; width: 171px; height: 43px; z-index: 7; visibility: visible;"><img
	name="tab1_img" src="images/tab1.png" width="171" height="43"
	border="0" alt=""></div>
<div id="tab1text"
	style="position: absolute; left: 310px; top: 90px; width: 67px; height: 17px; z-index: 8; visibility: visible;"><img
	name="tab1_text" src="images/tab1_text.png" width="67" height="17"
	border="0" alt=""></div>
<div id="tab2"
	style="position: absolute; left: 413px; top: 81px; width: 171px; height: 43px; z-index: 9; visibility: visible;"><img
	name="tab2_img" src="images/tab2.png" width="171" height="43"
	border="0" alt=""></div>
<div id="tab2text"
	style="position: absolute; left: 464px; top: 90px; width: 70px; height: 17px; z-index: 10; visibility: visible;"><img
	name="tab2_text" src="images/tab2_text.png" width="70" height="17"
	border="0" alt=""></div>
<div id="Tab3"
	style="position: absolute; left: 579px; top: 81px; width: 163px; height: 44px; z-index: 11; visibility: visible;"><img
	name="Tab3_img" src="images/Tab3.png" width="163" height="44"
	border="0" alt=""></div>
<div id="tab3text"
	style="position: absolute; left: 625px; top: 87px; width: 70px; height: 17px; z-index: 12; visibility: visible;"><img
	name="tab3_text" src="images/tab3_text.png" width="70" height="17"
	border="0" alt=""></div>
<div id="content"
	style="position: absolute; left: 274px; top: 137px; width: 687px; height: 569px; z-index: 13; visibility: visible;"><img
	name="content_img" src="images/content.png" width="687" height="569"
	border="0" alt=""></div>
</div>
</center>
</body>
</html>
